<template>
<div class="gsddsa">
  <div class="fyds" v-for="(item,index) in fdyafs">
    <div class="gsd">
      <div><img :src=item.img class="tu1"/></div>
      <div>
        <div class="gds">{{item.hospitalname}}</div>
        <div class="dsa">
          <div>{{item.level}}</div>
          <div>{{item.productnum}}项目</div>
          <div>|</div>
          <div>{{item.appointment}}预约</div>
        </div>
        <div class="gds">{{item.location}}</div>
      </div>
    </div>
    <div class="sdad">
      <div>{{item.begoodat[0]}}</div>
      <div>{{item.begoodat[1]}}</div>
      <div>{{item.begoodat[2]}}</div>
      <div>{{item.begoodat[3]}}</div>
    </div>
    <div class="sdad1">
      <div>{{item.begoodat[4]}}</div>
      <div>{{item.begoodat[5]}}</div>
      <div>{{item.begoodat[6]}}</div>
      <div>{{item.begoodat[7]}}</div>
    </div>
  </div>
  </div>
</template>

<script lang="ts" setup>
import {searchresulthospital } from '@/api/search';
import { ref } from 'vue';
let fdyafs=ref([]);
let asdgyu=ref([]);
searchresulthospital().then((a)=>{
    // console.log(a);
    a.data.data.forEach(qwe => {
      // console.log(qwe.begoodat[1]);
      fdyafs.value.unshift(qwe);
    });
    // console.log(asdgyu);
    
  })
</script>

<style scoped>
.gsddsaP{background-color: #f5f2f0;}
.gds{margin-left: 20px;top: 20px;}
.fyds{height: 200px;margin: 10px 20px;top: 10px;background-color: #ffffff;}
.gsd{display: flex;}
.tu1{width: 120px;height: 120px;padding: 10px;}
.dsa{display: flex;margin-left: 10px;top: 20px;}
.dsa div{margin-left: 10px;}
.sdad{display: flex;font-size: 14px;margin-top: 5px;}
.sdad div{margin-left: 5px;background-color: #f9fcfc;width: 23%;text-align: center;margin-right: 5px;border-radius: 5px;}
.sdad1{display: flex;font-size: 14px;margin-top: 10px;}
.sdad1 div{margin-left: 5px;background-color: #f9fcfc;width: 23%;text-align: center;margin-right: 5px;border-radius: 5px;}
</style>